<template>
    <div id="content1">
        <div id="c1-title">
            定制网站开发
        </div>
        <div id="c1-t2">
            我们做的不仅仅是在为企业做网站，而是帮助企业建立营销系统，实现企业目的
        </div>
        <div id="c1-t3">

            <div>
                <img src="../../svg/shouji.svg" alt="">
            </div>
            <div>
            <img src="../../svg/diannao.svg" alt="">
            </div>
            <div>
            <img src="../../svg/pingban.svg" alt="">
            </div>
        </div>


        <div id="c1-t4">
            <img src="../../img/pc.jpg" alt="">
        </div>
        <div id="c1-t5">
            跨平台浏览，实现不同分辨率中断风格一致阅读，后台数据同步更新，更快捷
        </div>

    </div>
</template>

<script>
    export default {
        name: "C1"
    }
</script>

<style scoped>

    #c1-title{
        font-size: 36px;
        font-weight: 300;
        color: #1e1e1e;
        text-align: center;
        padding: 60px 0px 30px 0px;
        width: 80vw;
        border-bottom: 1px solid #707070;
        margin: 0 auto;

    }
    #c1-t2{
        font-size: 14px;
        text-align: center;
        color: rgb(40,40,40);
        padding: 26px 0px;
    }
    #c1-t3{

        display: flex;
        justify-content: space-around;
        width: 400px;
        margin: 0 auto;

    }
    #c1-t3 div{
        border:2px solid #707070;
        border-radius: 30px;


    }
    #c1-t3 img{
        width: 46px;
        height: 46px;
        padding: 7px;

    }
    #c1-t4{
        margin: 30px 0px;
        display: flex;
       justify-content: center;
    }


    #c1-t5{
        font-size: 14px;
        text-align: center;
        color: rgb(40,40,40);
      margin: 26px 0 65px 0;

    }
</style>